<!doctype html>
<html lang="zh-CN">
  <head>
    <title>Home</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0"
    />
    <meta content='gitee.com/vkei/electron-antdv git https://gitee.com/vkei/electron-antdv.git' name='go-import'>

    <meta name="author" content="electron-antdv" />
    <meta name="generator" content="electron-antdv" />
    <!-- 先加一个css动画 -->
    <style>
      #loadingPage {
        background-color: #dedede;
        font-size: 12px;
      }
      .base {       
        left: 50%;
         position: absolute;
        top: 40%;        

      }
      /* From Uiverse.io by G4b413l */
      .three-body{--uib-size:35px;--uib-speed:0.8s;--uib-color:#5d3fd3;position:relative;display:inline-block;height:var(--uib-size);width:var(--uib-size);animation:spin78236 calc(var(--uib-speed) * 2.5) infinite linear;}.three-body__dot{position:absolute;height:100%;width:30%;}.three-body__dot:after{content:"";position:absolute;height:0%;width:100%;padding-bottom:100%;background-color:var(--uib-color);border-radius:50%;}.three-body__dot:nth-child(1){bottom:5%;left:0;transform:rotate(60deg);transform-origin:50% 85%;}.three-body__dot:nth-child(1)::after{bottom:0;left:0;animation:wobble1 var(--uib-speed) infinite ease-in-out;animation-delay:calc(var(--uib-speed) * -0.3);}.three-body__dot:nth-child(2){bottom:5%;right:0;transform:rotate(-60deg);transform-origin:50% 85%;}.three-body__dot:nth-child(2)::after{bottom:0;left:0;animation:wobble1 var(--uib-speed) infinite
        calc(var(--uib-speed) * -0.15) ease-in-out;}.three-body__dot:nth-child(3){bottom:-5%;left:0;transform:translateX(116.666%);}.three-body__dot:nth-child(3)::after{top:0;left:0;animation:wobble2 var(--uib-speed) infinite ease-in-out;}@keyframes spin78236{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes wobble1{0%,100%{transform:translateY(0%) scale(1);opacity:1;}50%{transform:translateY(-66%) scale(0.65);opacity:0.8;}}@keyframes wobble2{0%,100%{transform:translateY(0%) scale(1);opacity:1;}50%{transform:translateY(66%) scale(0.65);opacity:0.8;}}
    </style>
  </head>

  <body>
    <div id="loadingPage">
      <div class="base">
        <div class="three-body">
          <div class="three-body__dot"></div>
          <div class="three-body__dot"></div>
          <div class="three-body__dot"></div>
        </div>
      </div>
    </div>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
